<template>
	<view class="user_radar_invite box">

		<view class="manage_box box">
			
			<view class="member_header box w100 height_44 bc_fff fz_14 fc_333">
				<view class="header_left width_244">
					<image src="/static/images/calendar_icon.png" class="width_16 height_16 mr_5" mode="">
					</image>
					<view class="">
						邀请时间-邀请时间
					</view>
				</view>
				<view class="header_right width_131">
					选择会员等级
					<u-icon class="ml_5" name="arrow-down" color="#333333"></u-icon>
				</view>
			</view>
			<view class="scroll_container mt_12">
				<scroll-view class="scroll-view_H" scroll-x="true">
					<UserInvite />
				</scroll-view>
			</view>
			
	<!-- 		<view class="mt_12">
				<view class="info_box box   bc_fff">
					<view class="info_top w100 height_76">
						<view class="top_left">
							<view class="width_52 height_52 br_42">

							</view>
							<view class="info_view ml_12">
								<view class="name_box">
									<view class="fz_16 mr_8 fc_333">
										章西
									</view>
									<image src="../../../static/images/info_1.png" class="width_88 height_22" mode="">
									</image>
								</view>
								<view class="fz_12 fc_999 mt_8">
									2022-12-23 12:23
								</view>
							</view>

						</view>
						<view class="top_right fz_12 fc_999">
							<view class="bottom_left">
								<view class="number fz_16 fb mb-6">
									¥325,256,254
								</view>
								<view class="fz_12 fc_333 mt_6">
									消费总额
								</view>
							</view>
						</view>
					</view>
				</view>
				<view class="info_box box   bc_fff ">
					<view class="info_top w100 height_76">
						<view class="top_left">
							<view class="width_52 height_52 br_42">

							</view>
							<view class="info_view ml_12">
								<view class="name_box">
									<view class="fz_16 mr_8 fc_333">
										章西
									</view>
									<image src="/static/images/info_1.png" class="width_88 height_22" mode="">
									</image>
								</view>
								<view class="fz_12 fc_999 mt_8">
									2022-12-23 12:23
								</view>
							</view>

						</view>
						<view class="top_right fz_12 fc_999">
							<view class="bottom_left">
								<view class="number fz_16 fb mb-6">
									¥325,256,254
								</view>
								<view class="fz_12 fc_333 mt_6">
									消费总额
								</view>
							</view>
						</view>
					</view>
				</view>
			</view> -->

		</view>
	</view>
</template>

<script>
	import UserInvite from "./components/userInvite.vue"
	import api from "@/service/config/api";
	export default {
		components: {
			UserInvite
		},
		props: {
			userType: {
				default: 4,
				type: Number,
			},
			ossUrl: {
				default: "",
				type: String,
			},
			tenantId: {
				default: "",
				type: String,
			},
		},
		data() {
			return {
				current: 1,
				size: 20,
				dataList: [],
				dateList: [],
				showPicker: false
			}
		},
		onShow() {

		},
		methods: {
			datePickerChange(value) {
				this.showPicker = value
			},
			dateChange(e) {
				console.log("日期选择")
				console.log(e)
				if (e.length >= 2) {
					this.dateList = e
				}
				this.datePickerChange(false)
			},
			//获取邀请列表
			getDataList() {},
		}
	}
</script>

<style lang="scss" scoped>
	.user_radar_invite {

		.manage_box {

			.search_box {
				@include set_padding(14rpx, 16rpx);
			}

			.member_header {

				@include flex_box(row, nowrap, space-between, center);

				.header_left {
					@include set_padding(0rpx, 15rpx);
					@include flex_box(row, nowrap, center, center);
				}

				.header_right {
					@include flex_box(row, nowrap, center, center);
					border-left: 1rpx solid rgba(0, 0, 0, 0.1);
					;
				}
			}

			.info_box {
				@include set_padding(0rpx, 12rpx);

				.info_view {
					@include flex_box(column, wrap, flex-start, flex-start);

					.name_box {
						@include flex_box(row, nowrap, space-between, center);
					}
				}

				.info_top {
					border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
					@include flex_box(row, nowrap, space-between, center);

					.top_left {
						@include flex_box(row, nowrap, flex-start, center);
					}
				}

				.bottom_left {
					@include flex_box(column, nowrap, flex-start, flex-end);

					.number {
						color: #FE5A1C;
					}
				}

				.info_bottom {
					@include flex_box(row, nowrap, space-between, center);



					.bottom_right {
						@include flex_box(row, nowrap, center, center);
						background-color: #323232;
					}
				}
			}
		}
	}
</style>